import React, { useContext,useEffect,useState } from 'react'
import {ThemeContext} from './Context';

const Left = () => {
    const state = useContext(ThemeContext);

    return (
        <div>
            <input type={"text"} value={state.value} onChange={state.handleContent}/>
            <h3>{state.value}</h3>
            <button onClick={state.changeColor}>更换主题</button>
        </div>
    )
}

export default Left;